.pd-calendar {
  background-color: #fff;
  padding: 5Px 2.5Px;
  &__head {
    flex-direction: row;
    padding: 8Px 16Px;
    align-items: center;
    border-bottom: 1Px solid #eee;
    &__center {
      flex: 1;
      flex-direction: row;
      justify-content: center;
      &__text {
        text-align: center;
        font-size: 16Px;
        color: #000;
        padding: 5Px 2.5Px;
        &--hover {
          background-color: #eee;
        }
      }
    }
    &__text {
      flex: 1;
      text-align: center;
      font-size: 16Px;
      color: #000;
    }
    &__icon {
      font-size: 16Px;
      color: $appTextColor1;
    }
  }
  &__list {
  }
  &__item {
    height: 50Px;
    font-size: 16Px;
    color: #000;
    justify-content: space-around;
    position: relative;
    margin-bottom: 4Px;
    &-hover {
      background-color: #eee;
    }
    &-disabled {
      color: #bbb;
      background-color: #eee;
    }
    &-active {
      color: #fff;
      background-color: $appPrimaryColor;
      opacity: 0.7;
    }
    &-activeFirst {
      border-radius: 8Px 0 0 8Px;
      opacity: 1;
    }
    &-activeLast {
      border-radius: 0 8Px 8Px 0;
      opacity: 1;
    }
    &-allSelect {
      border-radius: 8Px;
      opacity: 1;
    }
    &__text {
      color: #fff;
      font-size: 10Px;
      position: absolute;
      &-first {
        top: 3Px;
      }
      &-end {
        bottom: 3Px;
      }
    }
  }
}
